﻿<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LumenLiquid_Tool" mc:Ignorable="d"
        x:Class="LumenLiquid_Tool.MainWindow"
        Title="LumenLiquid Game Creator" Height="768" Width="1024" WindowStartupLocation="CenterScreen" WindowState="Maximized"
     Loaded="Window_Loaded">
    <Window.Resources>
        <Style TargetType="{x:Type Button}" x:Key="LargeButton">
            <Setter Property="Width" Value="150"/>
            <Setter Property="Height" Value="150"/>

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" BorderBrush="Black" BorderThickness="1" CornerRadius="15">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#46729BFF" Offset="0" x:Name="Stop1"/>
                                    <GradientStop Color="#702A7670" Offset="1" x:Name="Stop2"/>
                                </LinearGradientBrush>
                            </Border.Background>

                            <ContentPresenter/>

                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed"/>
                                    <VisualState x:Name="Disabled"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                        </Border>

                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style TargetType="TabItem" x:Key="NavigationHeader">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabItem">
                        <Grid>
                    		<VisualStateManager.VisualStateGroups>
                    			<VisualStateGroup x:Name="CommonStates">
                    				<VisualState x:Name="Normal"/>
                    				<VisualState x:Name="MouseOver"/>
                    				<VisualState x:Name="Disabled"/>
                    			</VisualStateGroup>
                    			<VisualStateGroup x:Name="SelectionStates">
                    				<VisualState x:Name="Unselected">
                    					<Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="Color" Storyboard.TargetName="BackgroundColor">
                    							<EasingColorKeyFrame KeyTime="0:0:0.1" Value="LightBlue"/>
                    						</ColorAnimationUsingKeyFrames>
                    					</Storyboard>
                    				</VisualState>
                    				<VisualState x:Name="Selected">
                    					<Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="Color" Storyboard.TargetName="BackgroundColor">
                    							<EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FF79E5C0"/>
                    						</ColorAnimationUsingKeyFrames>
                    					</Storyboard>
                    				</VisualState>
                    			</VisualStateGroup>
                    		</VisualStateManager.VisualStateGroups>
                    		<Border x:Name="Border" Margin="0,0,4,0"  BorderThickness="0,1,1,1" CornerRadius="0,20,5,0">
                                <Border.Background>
                                    <SolidColorBrush Color="LightBlue" x:Name="BackgroundColor"/>
                                </Border.Background>
                    			<ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Header" Margin="2,12,2,12" RecognizesAccessKey="True">
                    				<ContentPresenter.LayoutTransform>
                    					<RotateTransform CenterX="0" CenterY="0" Angle="90"/>
                    				</ContentPresenter.LayoutTransform>
                    			</ContentPresenter>
                    		</Border>
                    	</Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Storyboard x:Key="OpenSidepanel">
            <local:GridLengthAnimation To="250" Storyboard.TargetName="SidePanelColumn" Storyboard.TargetProperty="Width" Duration="0:0:0.2"/>
        </Storyboard>
        <Storyboard x:Key="CloseSidepanel">
            <local:GridLengthAnimation To="30" Storyboard.TargetName="SidePanelColumn" Storyboard.TargetProperty="Width" Duration="0:0:0.2"/>
        </Storyboard>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" BorderThickness="1" CornerRadius="10" Padding="5" Margin="2">
                            <Border.BorderBrush>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Offset="0" Color="Black"/>
                                    <GradientStop Offset="1" Color="Black"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Offset="0" Color="LightBlue" x:Name="Stop1"/>
                                    <GradientStop Offset="0.3" Color="#66ADD8E6" x:Name="Center1"/>
                                    <GradientStop Offset="0.7" Color="#66ADD8E6" x:Name="Center2"/>
                                    <GradientStop Offset="1" Color="LightBlue" x:Name="Stop2"/>
                                </LinearGradientBrush>
                            </Border.Background>


                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="LightBlue"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop2">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="LightBlue"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FF8CD0A0"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop2">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FF8CD0A0"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#46B7BC"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop2">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#368BA7"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FFE0E0E0"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop2">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FFE4E4E4"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Center1">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#DCE0E0E0"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Center2">
                                                <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#8EE4E4E4"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Unfocused"/>
                                    <VisualState x:Name="Focused"/>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="ValidationStates">
                                    <VisualState x:Name="Valid"/>
                                    <VisualState x:Name="InvalidFocused"/>
                                    <VisualState x:Name="InvalidUnfocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>


                            <ContentPresenter Content="{TemplateBinding Content}"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <DataTemplate x:Key="CultureInfoTemplate">
            <Grid>
                <TextBlock Text="{Binding NativeName}"/>
            </Grid>
        </DataTemplate>
        <Color x:Key="OrangeTopic">#FFFFC700</Color>
        <Style x:Key="TreeViewItemFocusVisual">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <PathGeometry x:Key="TreeArrow" Figures="M0,0 L0,6 L6,0 z"/>
        <Style x:Key="ExpandCollapseToggleStyle" TargetType="{x:Type ToggleButton}">
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="16"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border Background="Transparent" Height="16" Padding="5,5,5,5" Width="16">
                            <Path x:Name="ExpandPath" Data="{StaticResource TreeArrow}" Fill="Transparent" Stroke="#FF989898">
                                <Path.RenderTransform>
                                    <RotateTransform Angle="135" CenterY="3" CenterX="3"/>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF1BBBFA"/>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="Transparent"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="RenderTransform" TargetName="ExpandPath">
                                    <Setter.Value>
                                        <RotateTransform Angle="180" CenterY="3" CenterX="3"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="#FF595959"/>
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF262626"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="NavigationHeaderStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="Padding" Value="1,0,0,0"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="FocusVisualStyle" Value="{StaticResource TreeViewItemFocusVisual}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TreeViewItem}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition MinWidth="19" Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <ToggleButton x:Name="Expander" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ExpandCollapseToggleStyle}"/>
                            <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="1" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                                <ContentPresenter x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            </Border>
                            <ItemsPresenter x:Name="ItemsHost" Grid.ColumnSpan="2" Grid.Column="1" Grid.Row="1"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="false">
                                <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/>
                            </Trigger>
                            <Trigger Property="HasItems" Value="false">
                                <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/>
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="true"/>
                                    <Condition Property="IsSelectionActive" Value="true"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Background" TargetName="Bd">
                                    <Setter.Value>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                            <GradientStop Offset="0" Color="#00DEAB"/>
                                            <GradientStop Offset="0.5" Color="Transparent"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Foreground" Value="Black"/>
                            </MultiTrigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="true"/>
                                    <Condition Property="IsSelectionActive" Value="false"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Background" TargetName="Bd">
                                    <Setter.Value>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                            <GradientStop Offset="0" Color="#00DEAB"/>
                                            <GradientStop Offset="0.5" Color="Transparent"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Foreground" Value="Black"/>
                            </MultiTrigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="VirtualizingStackPanel.IsVirtualizing" Value="true">
                    <Setter Property="ItemsPanel">
                        <Setter.Value>
                            <ItemsPanelTemplate>
                                <VirtualizingStackPanel/>
                            </ItemsPanelTemplate>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
        <DataTemplate x:Key="SkillDataTemplate">
            <Grid>
                <TextBlock TextWrapping="Wrap" Text="{Binding SkillName}" d:LayoutOverrides="Width, Height"/>
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="ProfessionItemTemplate">
            <Grid>
                <TextBlock HorizontalAlignment="Stretch" TextWrapping="Wrap" Text="{Binding Name}" Width="Auto"/>
            </Grid>
        </DataTemplate>
    </Window.Resources>

    <Window.DataContext>
        <local:Backdrop GameTitle=""/>
    </Window.DataContext>
    <Grid DataContext="{Binding}">
        <Grid.Background>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Offset="0" Color="#B1F6FF"/>
                <GradientStop Offset="1" Color="#56C9D1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <local:NavigationGrid x:Name="NavGrid" StartupPanel="ContentPanel">
            <Grid local:NavigationGrid.PanelName="ContentPanel">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30" SharedSizeGroup="SidePanel"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock VerticalAlignment="Top" HorizontalAlignment="Center" Text="Header" Grid.Column="1" FontSize="48" x:Name="Header" FontFamily="/LumenLiquid Tool;component/Fonts/#Papyrus">
                        		<TextBlock.Effect>
                        			<DropShadowEffect ShadowDepth="0" BlurRadius="10"/>
                        		</TextBlock.Effect>
                        		<TextBlock.Foreground>
                        			<SolidColorBrush Color="{DynamicResource OrangeTopic}"/>
                        		</TextBlock.Foreground>
                    </TextBlock>
                    <TextBlock Grid.Column="1" HorizontalAlignment="Right" Margin="0,32.1,20,0" TextWrapping="Wrap" Text="{Binding SelectedItem.NativeName, ElementName=cbx_PrimaryLanguage}" VerticalAlignment="Top" FontSize="13.333"/>

                    <local:NavigationGrid Grid.Column="1" StartupPanel="Assistant3" x:Name="MainNavigation" ScreenChanged="MainNavigation_ScreenChanged">
                        <Grid local:NavigationGrid.PanelName="NewProject">

                            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Width="200">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource NewProject.PrimaryLanguage}" FontFamily="/LumenLiquid Tool;component/Fonts/#Segoe UI" FontSize="16" />
                                <ComboBox x:Name="cbx_PrimaryLanguage" ItemsSource="{Binding Languages, Mode=Default}" Margin="3" ItemTemplate="{DynamicResource CultureInfoTemplate}"/>
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource NewProject.LanguageAdvice}" FontSize="13.333" FontFamily="/LumenLiquid Tool;component/Fonts/#Segoe UI" TextAlignment="Justify" />
                                <Rectangle Height="10"/>
                                <Button HorizontalAlignment="Center" x:Name="StartAsisstant" Click="StartAsisstant_Click" local:NavigationGrid.RoutedEvent="ButtonBase.Click" local:NavigationGrid.TargetPanel="Assistant1">
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="{DynamicResource NewProject.StartGameAsisstant}" VerticalAlignment="Center" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" FontSize="16"></TextBlock>
                                        <Image Source="Images/Back.png" Width="32" Margin="5,0,0,0">
                                            <Image.RenderTransform>
                                                <ScaleTransform CenterX="16" CenterY="16" ScaleX="-1"/>
                                            </Image.RenderTransform>
                                        </Image>
                                    </StackPanel>
                                </Button>
                            </StackPanel>

                        </Grid>

                        <Grid local:NavigationGrid.PanelName="Assistant1">
                            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Width="200">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant1.GiveName}"/>
                                <TextBox TextWrapping="Wrap" Text="{Binding GameTitle}" Margin="3,9,5,0" Name="txt_gametitle" />
                            </StackPanel>
                            <Button Content="{DynamicResource Assistant1.Next}" local:NavigationGrid.TargetPanel="Assistant2" local:NavigationGrid.RoutedEvent="ButtonBase.Click" VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0,0,0,20"/>
                        </Grid>

                        <Grid local:NavigationGrid.PanelName="Assistant2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <StackPanel HorizontalAlignment="Right" Margin="0,0,40,0" Width="195" VerticalAlignment="Center">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant2.SkillList}"/>
                                <ListBox Height="389" ItemsSource="{Binding Skills}" IsSynchronizedWithCurrentItem="true" ItemTemplate="{DynamicResource SkillDataTemplate}"/>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="0.497*"/>
                                        <ColumnDefinition Width="0.503*"/>
                                    </Grid.ColumnDefinitions>
                                    <Button Content="{DynamicResource Remove}" Grid.Column="1" Command="{x:Static Member=local:Backdrop.RemoveSkill}" CommandParameter="{Binding Mode=OneWay}"/>
                                    <Button Content="{DynamicResource Add}" Command="{x:Static Member=local:Backdrop.AddSkill}" CommandParameter="{Binding Mode=OneWay}"/>
                                </Grid>
                            </StackPanel>
                            <StackPanel Grid.Column="1" HorizontalAlignment="Left" Margin="40,0,0,0" VerticalAlignment="Center" DataContext="{Binding Skills}" Width="290.6">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant2.Name}"/>
                                <TextBox TextWrapping="Wrap" Text="{Binding /SkillName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant2.Description}"/>
                                <TextBox TextWrapping="Wrap" Text="{Binding /SkillDescription, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" AutoWordSelection="True" Height="102"/>
                                <WrapPanel/>
                            </StackPanel>
                            <Button Content="{DynamicResource Assistant2.Next}" local:NavigationGrid.RoutedEvent="ButtonBase.Click" local:NavigationGrid.TargetPanel="Assistant3" HorizontalAlignment="Center" VerticalAlignment="Bottom" Grid.ColumnSpan="2" Margin="0,0,0,20"/>

                        </Grid>

                        <Grid local:NavigationGrid.PanelName="Assistant3">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="0.501*"/>
                                <ColumnDefinition Width="0.499*"/>
                            </Grid.ColumnDefinitions>
                            <StackPanel HorizontalAlignment="Right" Width="188" VerticalAlignment="Center" Margin="0,0,40,0">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant3.Professions}" HorizontalAlignment="Left"/>
                                <ListBox Height="319" ItemsSource="{Binding Professions}" IsSynchronizedWithCurrentItem="True" ItemTemplate="{DynamicResource ProfessionItemTemplate}"/>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="0.502*"/>
                                        <ColumnDefinition Width="0.498*"/>
                                    </Grid.ColumnDefinitions>
                                    <Button Content="{DynamicResource Add}" d:LayoutOverrides="Height" Command="{x:Static Member=local:Backdrop.AddProfession}" CommandParameter="{Binding Mode=OneWay}"/>
                                    <Button Content="{DynamicResource Remove}" Grid.Column="1" d:LayoutOverrides="Height" Command="{x:Static Member=local:Backdrop.RemoveSkill}" CommandParameter="{Binding Mode=OneWay}"/>
                                </Grid>
                            </StackPanel>
                            <StackPanel Grid.Column="1" HorizontalAlignment="Left" Margin="40,0,0,0" VerticalAlignment="Center" DataContext="{Binding Professions}">
                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant3.Name}"/>
                                <TextBox TextWrapping="Wrap" Text="{Binding /Name}"/>
                                <TextBlock TextWrapping="Wrap"><Run Text="Profession Description:"/></TextBlock>
                                <TextBox TextWrapping="Wrap" Text="{Binding /Description}" Height="50"/>

                                <TextBlock TextWrapping="Wrap" Text="{DynamicResource Assistant3.Skills}"/>
                                <DataGrid ItemsSource="{Binding /Skills}" AutoGenerateColumns="False" IsSynchronizedWithCurrentItem="True" CanUserReorderColumns="False" CanUserSortColumns="False" CanUserResizeRows="False" CanUserAddRows="False" CanUserDeleteRows="False" MaxHeight="400" MinHeight="100" Width="355.4" Margin="0">
                                    <DataGrid.Columns>
                                        <DataGridTextColumn Binding="{Binding Skill.SkillName}" Header="{DynamicResource Assistant3.SkillHeader}" IsReadOnly="True"/>
                                        <DataGridTextColumn Binding="{Binding Minimum}" Header="{DynamicResource Assistant3.MinSkillHeader}"/>
                                        <DataGridTextColumn Binding="{Binding Maximum}" Header="{DynamicResource Assistant3.MaxSkillHeader}"/>
                                        <DataGridTextColumn Binding="{Binding Value}" Header="{DynamicResource Assistant3.SkillValHeader}"/>
                                    </DataGrid.Columns>
                                </DataGrid>
                            </StackPanel>
                        </Grid>

                        <Grid local:NavigationGrid.PanelName="Tutorial" Margin="-1.625,0,1.625,0">

                            <Path Grid.Column="1" Data="M147,78.75 C147,78.75 118.25,44 47.75,37" HorizontalAlignment="Left" Height="42.75" Margin="17.75,37,0,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="100.25"/>
                            <Path Grid.Column="1" Data="M59,28.25 C57.500019,28.500095 48.166536,33.442475 48.356564,36.75942 48.49926,39.250197 57.499959,48.500362 57.999954,48.500362" HorizontalAlignment="Left" Height="21.25" Margin="17.963,28.75,0,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="11.646"/>
                            <TextBlock Grid.Column="1" HorizontalAlignment="Left" Margin="118,94.167,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="328.667" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" FontSize="16" Text="{DynamicResource Tutorial.NavigationExplanation}"/>

                            <Button VerticalAlignment="Bottom" HorizontalAlignment="Center" Click="MainMenu_Click">
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="Images/Back.png" Width="32"></Image>
                                    <TextBlock VerticalAlignment="Center" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" FontSize="16" Text="{DynamicResource Tutorial.BackToMenu}"></TextBlock>
                                </StackPanel>
                            </Button>
                            <Path Data="M142.49994,118.00031 C140.74943,107.74983 141.46713,96.742228 145.25003,93.249932 148.49979,90.249826 170.25111,90.50001 176.75139,94.000088" HorizontalAlignment="Left" Height="27.827" Margin="110,91.173,0,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="36.156"/>
                            <Path Data="M142.49994,118.00031 C140.74943,107.74983 141.46713,96.742228 145.25003,93.249932 148.49979,90.249826 170.25111,90.50001 176.75139,94.000088" HorizontalAlignment="Right" Height="27.827" Margin="0,0,300.844,129.5" Stretch="Fill" Stroke="Black" VerticalAlignment="Bottom" Width="36.156" RenderTransformOrigin="0.5,0.5">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform Angle="180"/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Data="M683,603.5 C705.5,607.5 722.5,620.5 729.5,640.5" HorizontalAlignment="Right" Height="38" Margin="0,0,247.5,88.5" Stretch="Fill" Stroke="Black" VerticalAlignment="Bottom" Width="47.5"/>
                            <Path Data="M716.33251,635.74934 C718.74918,638.99934 726.91667,641.16698 729.5,640.41698 732.08333,639.66698 733.66777,630.99941 733.41742,629.99929" HorizontalAlignment="Right" Height="11.566" Margin="0,0,243.641,88.767" Stretch="Fill" Stroke="Black" VerticalAlignment="Bottom" Width="18.109"/>
                            <Grid Margin="460.267,0,309.333,136.333" VerticalAlignment="Bottom" Width="208.4" HorizontalAlignment="Right">
                                <TextBlock TextWrapping="Wrap" VerticalAlignment="Bottom" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" Text="{DynamicResource Tutorial.TippsExplanation}" TextAlignment="Right" FontSize="16"/>
                            </Grid>
                            <Path Data="M169.75099,65.549626 C169.75099,65.549626 118.58367,16.499843 48.083665,9.499843" Height="57.051" Margin="0,107.583,-2.1,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" d:LayoutOverrides="GridBox" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" Width="122.667">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform Angle="90"/>
                                        <TranslateTransform X="-18.359000000000009" Y="4.058"/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Data="M59,28.25 C57.500019,28.500095 48.166536,33.442475 48.356564,36.75942 48.49926,39.250197 57.499959,48.500362 57.999954,48.500362" HorizontalAlignment="Center" Height="21.25" Margin="0,73.25,-18.9,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="11.646" d:LayoutOverrides="GridBox" RenderTransformOrigin="0.5,0.5">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform Angle="90"/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Data="M142.49994,118.00031 C140.74943,107.74983 141.46713,96.742228 145.25003,93.249932 148.49979,90.249826 170.25111,90.50001 176.75139,94.000088" HorizontalAlignment="Left" Height="27.827" Margin="110,91.173,0,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="36.156"/>
                            <Path Data="M142.49994,118.00031 C140.74943,107.74983 141.46713,96.742228 145.25003,93.249932 148.49979,90.249826 170.25111,90.50001 176.75139,94.000088" HorizontalAlignment="Center" Height="27.827" Margin="0,203.173,105,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="36.156"/>
                            <Path Data="M115.25125,81.214324 C115.25125,81.214324 118.58367,16.499843 48.083665,9.499843" Height="72.716" Margin="0,87.583,37.259,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Width="68.192" d:LayoutOverrides="GridBox">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform Angle="90"/>
                                        <TranslateTransform X="1.0464999999999805" Y="-31.01250000000001"/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Data="M59,28.25 C57.500019,28.500095 49.274052,33.566232 48.356564,36.75942 46.301645,43.91128 57.499959,48.500362 57.999954,48.500362" HorizontalAlignment="Right" Height="21.25" Margin="0,53.501,28.434,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="11.895" RenderTransformOrigin="0.5,0.5" d:LayoutOverrides="GridBox">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform Angle="90"/>
                                        <TranslateTransform X="-0.12449999999999761" Y="0.12449999999999939"/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Data="M142.49994,118.00031 C140.74943,107.74983 141.46713,96.742228 145.25003,93.249932 148.49979,90.249826 170.25111,90.50001 176.75139,94.000088" HorizontalAlignment="Right" Height="27.827" Margin="0,117.527,113.844,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="36.156" RenderTransformOrigin="0.5,0.5">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="-1"/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <TextBlock Margin="0,209.667,-132.7,0" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" FontSize="16" Text="{DynamicResource Tutorial.HeaderExplanation}" d:LayoutOverrides="GridBox" Width="258"/>
                            <TextBlock Margin="0,121.683,119.15,0" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="/LumenLiquid Tool;component/Fonts/#SketchFlow Print" FontSize="16" Text="{DynamicResource Tutorial.LanguageExplanation}" Width="176" d:LayoutOverrides="GridBox" HorizontalAlignment="Right" TextAlignment="Right"/>
                        </Grid>
                    </local:NavigationGrid>
                </Grid>

                <Grid Margin="0,-1.5,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="250" x:Name="SidePanelColumn"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <TabControl TabStripPlacement="Right" MouseEnter="SidePanel_MouseEnter" MouseLeave="SidePanel_MouseLeave" Background="#858BDDF7">
                        <TabControl.Resources>
                            <Style x:Key="{x:Type Button}" TargetType="{x:Type Button}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type Button}">
                                            <Border x:Name="border" BorderThickness="1" CornerRadius="10" Padding="5" Margin="2">
                                                <Border.BorderBrush>
                                                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                                        <GradientStop Offset="0" Color="Black"/>
                                                        <GradientStop Offset="0.336" Color="#00000000"/>
                                                    </LinearGradientBrush>
                                                </Border.BorderBrush>
                                                <Border.Background>
                                                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                                        <GradientStop Offset="0" Color="LightBlue" x:Name="Stop1"/>
                                                        <GradientStop Offset="1" Color="#00000000"/>
                                                    </LinearGradientBrush>
                                                </Border.Background>


                                                <VisualStateManager.VisualStateGroups>
                                                    <VisualStateGroup x:Name="CommonStates">
                                                        <VisualState x:Name="Normal">
                                                            <Storyboard>
                                                                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                                    <EasingColorKeyFrame KeyTime="0:0:0.1" Value="LightBlue"/>
                                                                </ColorAnimationUsingKeyFrames>
                                                            </Storyboard>
                                                        </VisualState>
                                                        <VisualState x:Name="MouseOver">
                                                            <Storyboard>
                                                                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                                    <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FF3EB4DA"/>
                                                                </ColorAnimationUsingKeyFrames>
                                                            </Storyboard>
                                                        </VisualState>
                                                        <VisualState x:Name="Pressed">
                                                            <Storyboard>
                                                                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                                    <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FF05526C"/>
                                                                </ColorAnimationUsingKeyFrames>
                                                            </Storyboard>
                                                        </VisualState>
                                                        <VisualState x:Name="Disabled">
                                                            <Storyboard>
                                                                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(GradientStop.Color)" Storyboard.TargetName="Stop1">
                                                                    <EasingColorKeyFrame KeyTime="0:0:0.1" Value="#FFE0E0E0"/>
                                                                </ColorAnimationUsingKeyFrames>
                                                            </Storyboard>
                                                        </VisualState>
                                                    </VisualStateGroup>
                                                    <VisualStateGroup x:Name="FocusStates">
                                                        <VisualState x:Name="Unfocused"/>
                                                        <VisualState x:Name="Focused"/>
                                                    </VisualStateGroup>
                                                    <VisualStateGroup x:Name="ValidationStates">
                                                        <VisualState x:Name="Valid"/>
                                                        <VisualState x:Name="InvalidFocused"/>
                                                        <VisualState x:Name="InvalidUnfocused"/>
                                                    </VisualStateGroup>
                                                </VisualStateManager.VisualStateGroups>


                                                <ContentPresenter Content="{TemplateBinding Content}" OpacityMask="{x:Null}"/>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </TabControl.Resources>
                        
                        <TabItem Header="{DynamicResource Menu.Header}" Style="{DynamicResource NavigationHeader}" Height="43.95" VerticalAlignment="Top">
                            <StackPanel>
                                <Button Content="{DynamicResource Menu.Save}"/>
                                <Button Content="{DynamicResource Menu.Close}"/>
                            </StackPanel>
                        </TabItem>
                        <TabItem Header="{DynamicResource Navigation.Header}" Style="{StaticResource NavigationHeader}" >
                            <TreeView Background="Transparent" x:Name="SidePanel"  BorderBrush="Transparent" ScrollViewer.HorizontalScrollBarVisibility="Hidden"
                                      IsHitTestVisible="False" TreeViewItem.Selected="SidePanel_Selected" ItemContainerStyle="{DynamicResource NavigationHeaderStyle}">
                                <TreeViewItem Header="{DynamicResource Navigation.NameYourGame}" Tag="Assistant1"/>
                            </TreeView>
                        </TabItem>
                    </TabControl>
                    <local:HelpWindow x:Name="TippsPanel" VerticalAlignment="Bottom" d:LayoutOverrides="Width, Height" Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,8,0"/>
                </Grid>
            </Grid>
            <Grid local:NavigationGrid.PanelName="StartUp">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="170"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
                    <Image Margin="4" Source="Images/Germany.jpg" Width="50" MouseLeftButtonDown="German_MouseButtonDown">
                        <Image.Effect>
                            <DropShadowEffect/>
                        </Image.Effect>
                    </Image>
                    <Image Margin="4" Source="Images/Britain.jpg" Width="50" MouseLeftButtonDown="English_MouseButtonDown">
                        <Image.Effect>
                            <DropShadowEffect/>
                        </Image.Effect>
                    </Image>
                </StackPanel>

                <StackPanel VerticalAlignment="Center">
                    <TextBlock HorizontalAlignment="Center" FontSize="80" FontFamily="/LumenLiquid Tool;component/Fonts/#Papyrus">
                    	<TextBlock.Foreground>
                    		<SolidColorBrush Color="{DynamicResource OrangeTopic}"/>
                    	</TextBlock.Foreground><TextBlock.Effect>
					<DropShadowEffect ShadowDepth="0" BlurRadius="11"/>
				</TextBlock.Effect><Run Text="LumenLiquid"/></TextBlock>
                </StackPanel>

                <StackPanel Grid.Row="1" HorizontalAlignment="Center" Orientation="Horizontal">

                    <Button Style="{StaticResource ResourceKey=LargeButton}" VerticalAlignment="Top" Margin="10">
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <Image Source="Images/Open.png" Margin="0" Width="93"/>
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{DynamicResource OpenProject}"/>
                        </StackPanel>
                    </Button>

                    <Button Style="{StaticResource ResourceKey=LargeButton}" VerticalAlignment="Top" Margin="10" Click="NewProject_MouseDown">
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <Image Source="Images/new.png" Margin="0" Width="93"/>
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{DynamicResource NewProject}"/>
                        </StackPanel>
                    </Button>

                    <Button Style="{StaticResource ResourceKey=LargeButton}" VerticalAlignment="Top" Margin="10" Click="Tutorial_MouseDown">
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <Image Source="Images/books-icon.png" Margin="0" Width="93"/>
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center"><Run Text="{DynamicResource Tutorial}"/></TextBlock>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Grid>
        </local:NavigationGrid>
    </Grid>
</Window>
